<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/mine.css" />
	</head>

	<body>
		<div class="web">
			<header>
				<a href="set-up.html">
				<div class="set">
					<img src="img/set-up.png" />
				</div>
				</a>
				<a href="notification.html">
				<div class="letter">
					<img src="img/icon_msg.png" />
				</div>
				</a>
				<div class="nav">
					<p>我的</p>
				</div>
			</header>
			
			
			<!--推广-->
			<div id="generalizeopen">
			<div  class="generalizebg">
				<div class="generalizecontent">
					<div class="icon_share">
					<div class="shareimg"><img src="img/share_weixin.png"/></div>
					<p>微信好友</p>
					</div>
					<div class="icon_share">
					<div class="shareimg"><img src="img/share_circle.png"/></div>
					<p>微信朋友圈</p>
					</div>
					<div class="icon_share">
					<div class="shareimg"><img src="img/share_sina.png"/></div>
					<p>新浪微博</p>
					</div>
					<div class="icon_share">
					<div class="shareimg"><img src="img/share_qq.png"/></div>
					<p>QQ好友</p>
					</div>
					<div class="icon_share">
					<div class="shareimg"><img src="img/share_z.png"/></div>
					<p>QQ空间</p>
					</div>
					<div class="icon_share">
					<div class="shareimg"><img src="img/share_contacts.png"/></div>
					<p>手机联系人</p>
					</div>
					<div class="icon_share">
					<div class="shareimg"><img src="img/share_customer.png"/></div>
					<p>老客户</p>
					</div>
					<div class="icon_share">
					<div class="shareimg"><img src="img/share_code.png"/></div>
					<p>二维码</p>
					</div>
					<div class="icon_share">
					<div class="shareimg"><img src="img/share_copyLink.png"/></div>
					<p>复制链接</p>
					</div>
				</div>
				<a onclick="generalizeclose()">取消</a>
				
			</div>
			</div>
			<section>
				<div class="top">
					<div class="head clearfix">
						<div class="left fl">
							<img src="img/avatar1.jpg" />
						</div>
						<div class="right fl">
							<p>15013068326</p>
							<br />
							<p>
								<a href="">账户管理、收货地址&nbsp;&gt;</a>
							</p>
						</div>
					</div>
					<div class="foot clearfix">
						<div class="collection commodity fl">
							<a href="">
								<p>5</p>
								<p>收藏的商品</p>
							</a>
						</div>
						<div class="collection shop fl">
							<a href="">
								<p>20</p>
								<p>收藏的店铺</p>
							</a>
						</div>
						<div class="collection recording fl">
							<a href="">
								<p>71</p>
								<p>浏览记录</p>
							</a>
						</div>
					</div>
				</div>
				<div class="hr">

				</div>
				<div class="type clearfix">
					<div class="left l1 fl clearfix">
						<div class="img fl">
							<img src="img/img1.png" />
						</div>
						<p class="fl">我的订单</p>
					</div>
					<p class="fr">
						<span>查看全部订单&nbsp;</span>
						<a href="../commodity/index.html">&gt;</a>
					</p>
				</div>
				<div class="wait">
					<ul class="clearfix">
						<li class="fl">
							<a href="">
								<img src="img/icon1.png" />
								<span>1</span>
								<p>待付款</p>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<img src="img/icon2.png" />
								<p>待收货</p>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<img src="img/icon3.png" />
								<span>5</span>
								<p>待评价</p>
							</a>
						</li>
						<li class="fl">
							<a href="">
								<img src="img/icon4.png" />
								<p>退换货</p>
							</a>
						</li>
					</ul>
				</div>
				<div class="hr">

				</div>
				<div class="type t1 clearfix">
					<div class="left l1 fl clearfix">
						<div class="img fl">
							<img src="img/img2.png" />
						</div>
						<p class="fl">提现账户</p>
					</div>
					<p class="fr">
						<a href="../store-yinshou/withdraw.html">&gt;</a>
					</p>
				</div>
				<div class="hr">

				</div>
				<div class="type t2 clearfix">
					<div class="left fl clearfix">
						<div class="img fl">
							<img src="img/img3.png" />
						</div>
						<p class="fl">店主交流</p>
					</div>
					<p class="fr">
						<a href="shopkeeper-exchange.html">&gt;</a>
					</p>
				</div>
				<div class="type t2 clearfix">
					<div class="left fl clearfix">
						<div class="img fl">
							<img src="img/img4.png" />
						</div>
						<p class="fl">帮助与反馈</p>
					</div>
					<p class="fr">
						<a href="help&feedback.html">&gt;</a>
					</p>
				</div>
				<div class="type t3 clearfix">
					<div class="left fl clearfix">
						<div class="img fl">
							<img src="img/img5.png" />
						</div>
						<p class="fl">关于我们</p>
					</div>
					<p class="fr">
						<a href="about-us.html">&gt;</a>
					</p>
				</div>
				<div class="hr">

				</div>
				<div class="type clearfix">
					<div class="left fl clearfix">
						<div class="img fl">
							<img src="img/img6.png" />
						</div>
						<p class="fl">推荐给好友，一起赚钱</p>
					</div>
					<p class="fr">
						<a onclick="generalize()">&gt;</a>
					</p>
				</div>
				<div class="hr">

				</div>
			</section>

			<footer>
				<ul class="clearfix">
					<li class="fl">
						<a href="../index/index.html">
							<img src="img/home.png"/>
							<p>小店</p>
						</a>
					</li>
					<li class="fl">
						<a href="../market/product.html">
							<img src="img/market.png"/>
							<p>市场</p>
						</a>
					</li>
					<li class="fl">
						<a href="../Store-management/Shopping_Cart/Shopping.html">
							<img src="img/car.png"/>
							<span>2</span>
							<p>购物车</p>
						</a>
					</li>
					<li class="active fl">
						<a href="">
							<img src="img/mine.png"/>
							<p>我的</p>
						</a>
					</li>
				</ul>
				
			</footer>
		</div>

		<script>
			document.body.style.height = window.innerHeight + "px";


function generalize(){
	document.getElementById("generalizeopen").style.display="block";
}
function generalizeclose(){
	document.getElementById("generalizeopen").style.display="none";
}
			/*动态改变根元素字体大小*/
			function recalc() {
				var clientWidth = document.documentElement.clientWidth;
				if(!clientWidth) return;
				document.documentElement.style.fontSize = 40 * (clientWidth / 640) + 'px';
				//字体大小   =1个rem单位表示多少个像素*(设备的宽度 /设计宽度)
			}

			function initRecalc() {
				recalc();
				var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
				if(!document.addEventListener) return;
				window.addEventListener(resizeEvt, recalc, false);
				document.addEventListener('DOMContentLoaded', recalc, false);
			}
			initRecalc();
		</script>

	</body>

</html>